.filemanager{
	overflow: hidden;
	height: 100%;
	
}
.filemanager *{
	font-family: Verdana;
	font-size: 11px;
}

.filemanager span{
	cursor: pointer;
}


.filemanager a{
	color: #000;
}
.filemanager a:hover{
	text-decoration: underline;
}

.filemanager .edit{
	background-image: url(../xIcons/16x16/image_edit.png);
}
.filemanager .copy{
	background-image: url(../xIcons/16x16/page_white_copy.png);
}
.filemanager .cut{
	background-image: url(../xIcons/16x16/cut_red.png);
}
.filemanager .remove{
	background-image: url(../xIcons/16x16/bin.png);
}

.filemanager select{
	width: 160px;
}
.filemanager input.text{
	height: 18px;
	line-height: 14px;
	font-size: 12px;
	padding: 0 3px 0 3px;
	margin: 0;
	border: 1px solid #dedede;
}
.filemanager input.checkbox{
	float: left;
	margin: 2px 2px 0 0;
	#margin: 0 0 0 -3px;
	border: 0;
}



/*****************************/
/*Split pane*/

.filemanager .split-pane{
	height: 100%;
	width: 100%;
	padding: 0;
}
.filemanager .split-pane td.left{

}
.filemanager .split-pane td.right{
	width: 100%;
}
.filemanager div.right{
	overflow: hidden;
}
.filemanager div.left{
	overflow: hidden;
}

.filemanager td.split-pane-handle{
	height: 100%;
	width: 5px;
}
.filemanager div.split-pane-handle{
	position: absolute;
	width: 5px;
	height: 100%;
	cursor: e-resize;
	background: url(img/handle-bg.gif) repeat-y;
}


/*****************************/
/*Toolbar*/
.filemanager .toolbar{
	
}
.filemanager .toolbar .toolbar-container{
	height: 40px;
	overflow: hidden;
}
.filemanager .toolbar td{
	white-space: nowrap;
	background: url(img/toolbar-bg.gif);

}
.filemanager .toolbar .toolbar-item{	
	float: left;
	color: #fff;
	background: url(img/tollbar-separator.gif) repeat-y left;
	height: 30px;
	padding: 10px 10px 0 10px;
}
.filemanager .toolbar .toolbar-item.last{
	padding-left: 0;
	background: 0;
}
.filemanager .toolbar .toolbar-item.search{	
	width: 150px;
}
.filemanager .toolbar .toolbar-item.search input{	
	padding-right: 10px;
}

.filemanager .toolbar .toolbar-item.search select{	
	margin-left: 5px;
}
.filemanager .toolbar .toolbar-item .search-abort{
	position: absolute;
	width: 16px;
	height: 23px;
	color: #000;
	margin-left: -25px;
	text-align: center;
	background: url(img/search-abort.gif) no-repeat center;
	display: none;
}

.filemanager .toolbar .view{
	float: left;
	width: 51px;
	height: 20px;
}
.filemanager .toolbar .view.listView{
	background: url(img/view-bg.gif) no-repeat 0 -20px;
}
.filemanager .toolbar .view.galleryView{
	background: url(img/view-bg.gif) no-repeat;
}
.filemanager .toolbar .view span{
	float: left;
	width: 25px;
	height: 100%;
}
.filemanager .toolbar .view a:hover{
	text-decoration: underline;
}

/*****************************/
/*Tree*/
.filemanager .tree{
	overflow: auto;
	white-space: nowrap;
	width: 200px;
}
.filemanager .tree .item{
}
.filemanager .tree .item-bg{
	background-color: #fff;
	height: 20px;
	cursor: pointer;
}
.filemanager .tree .item-bg.grey{
	background-color: #ededed;
}
.filemanager .tree .item-bg:hover,
.filemanager .tree .item-bg.selected{
	background-color: #a8c9d7;
}
.filemanager .tree .arrow-right{
	float: left;
	width: 20px;
	height: 100%;
	background: url(img/arrow-right.gif) no-repeat center;
}
.filemanager .tree .arrow-down{
	float: left;
	width: 20px;
	height: 100%;
	background: url(img/arrow-down.gif) no-repeat center;
}
.filemanager .tree .spacer{
	float: left;
	width: 20px;
	height: 100%;
	background: none;
}

.filemanager .tree .icon{
	float: left;
	width: 20px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../xIcons/16x16/page_white_text.png);
}

.filemanager .tree .tree-name{
	padding: 0 2px 0 2px;
	line-height: 21px;
	overflow: hidden;
}


.filemanager .tree .items-container{
	display: none;
}

/*****************************/
/*Selection list*/
.filemanager .selection-list-header{
	color: #fff;
	background: url(img/toolbar-bg.gif) repeat-x;
	padding: 5px;
}

.filemanager .selection-list{
	height: 110px;
	width: 100%;
	overflow: auto;
}
.filemanager .selection-list table{
	border: none;
	width: 100%;
	table-layout:fixed;	
}
.filemanager .selection-list td{
	height: 20px;
	_line-height: 21px;
	cursor: pointer;
}
.filemanager .selection-list tr.grey{
	background: #ededed;
}

.filemanager .selection-list .icon{
	width: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../xIcons/16x16/page_white_text.png);
}	
.filemanager .selection-list .action{
	width: 16px;
	background: url(../xIcons/16x16/delete.png) no-repeat center;
	cursor: pointer;
}
.filemanager .selection-list .name div{
	overflow: hidden;
	white-space: nowrap;	
}

/*****************************/
/*Tabs*/
.filemanager .tabs{
	min-height: 22px;
	_height: 22px;
	background: url(img/tabs-header-bg.gif) repeat-x;
	padding-top: 3px;
}
.filemanager .tabs .tab{
	float: left;
	cursor: pointer;
	padding: 6px 6px 5px 6px;
	line-height: 11px;
	margin-left: 10px;
	_margin-left: 5px;
	text-decoration: none;
}
.filemanager .tabs .tab.active, .filemanager .tabs .tab:hover{
	padding: 5px 5px 5px 5px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: url(img/tab-bg.gif) repeat-x #fff;
	text-decoration: none;
}
.filemanager .tabs .icon{
	float: left;
	width: 16px;
	height: 16px;
	margin-top: -5px;
	padding-right: 5px;
}
.filemanager .tabs .icon.new-folder{
	background: url(../xIcons/16x16/folder_add.png) no-repeat center;
}
.filemanager .tabs .icon.new-file{
	background: url(../xIcons/16x16/page_add.png) no-repeat center;
}
.filemanager .tabs .icon.upload{
	background: url(../xIcons/16x16/folder_image.png) no-repeat center;
}
.filemanager .tabs .tab-content{
	clear: left;
	padding: 20px 10px 10px 15px;
	display: none;
	overflow: auto;
}
.filemanager .tabs .close{
	float: right;
	width: 25px;
	height: 20px;
	background: url(img/close.gif) no-repeat center;
	display: none;
}
.filemanager .tabs .button{
	margin-right: 10px;
}

/*****************************/
/*List view*/
.filemanager .list-view-container{
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0;
}
.filemanager .list-view.header{
}
.filemanager .list-view{
	width: 100%;
	border-spacing: 0;
	table-layout: fixed;

}
.filemanager .list-view thead{
	background: url(img/list-view-head-bg.gif) repeat-x;
	margin-right: 10px;
}
.filemanager .list-view th{
	height: 20px;
}

.filemanager .list-view tr.grey{
	background: #ededed;
}
.filemanager .list-view tbody tr:hover{
	background-color: #a8c9d7;
}
.filemanager .list-view tbody tr{
	background: #fff;
}

.filemanager .list-view td{
	height: 20px;
	_line-height: 21px;
	cursor: pointer;	
}
.filemanager .list-view .item.disabled .name,
.filemanager .list-view .item.disabled .action{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

.filemanager .list-view .checkbox{
	padding-left: 5px;
	width: 23px;
}
.filemanager .list-view .icon{
	width: 20px;
	background-repeat: no-repeat;
	background-position: left center;	
	background-image: url(../xIcons/16x16/16/page_white_text.png);
}
.filemanager .list-view th.icon{
	background: url(img/list-view-head-bg.gif) repeat-x;

}
.filemanager .list-view th.scrollbar-placeholder{
	width: 15px;
}
.filemanager .list-view th span{
	padding-left: 10px;
	background: url(img/sort.gif) no-repeat center left;
}
.filemanager .list-view th span.asc{
	padding-left: 10px;
	background: url(img/sort-up.gif) no-repeat center left;
}
.filemanager .list-view th span.desc{
	padding-left: 10px;
	background: url(img/sort-down.gif) no-repeat center left;
}


.filemanager .list-view th.icon span{
	padding: 0;
	background: none;
}
.filemanager .list-view th, .filemanager .list-view th span{
	font-weight: normal;
	font-size: 9px;
}
.filemanager .list-view th.name{
	text-align: right;
	padding-right: 5px;
	border-right: 1px solid #8abacd;
}
.filemanager .list-view th.action{
	text-align: center;
}


.filemanager .list-view td.name{
	text-align: left;
	border-right: 1px solid #8abacd;
	padding-right: 5px;
}
.filemanager .list-view .name div{
	overflow: hidden;
	padding: 3px;	
	white-space: nowrap;
	line-height: 11px;
}
.filemanager .list-view .action{
	width: 83px;
	border-right: 1px solid #8abacd;
	padding-right: 5px;

}
.filemanager .list-view .date{
	width: 80px;
	text-align: right;
	padding-right: 5px;
	border-right: 1px solid #8abacd;
}
.filemanager .list-view .date.mtime{
	border: none;
}
.filemanager .list-view .size{
	width: 80px;
	text-align: right;
	padding-right: 5px;
	border-right: 1px solid #8abacd;
}

.filemanager .list-view .ls{
	padding-left: 12px;
}
.filemanager .list-view .action span{
	float: right;
	width: 16px;
	height: 16px;
	margin-left: 3px;
}


/*****************************/
/*Gallery view*/
.filemanager .gallery-view{
	overflow: hidden;
}
.filemanager .gallery-view .header{
	background: url(img/list-view-head-bg.gif) repeat-x;
	padding-left: 5px;
	height: 20px;
	text-align: right;
}

.filemanager .gallery-view .header .ls{
	float: left;
	padding: 3px 0 0 10px;
}
.filemanager .gallery-view .header .select-all{
	float: right;
	height: 16px;
}

.filemanager .gallery-view .header input{
	float: left;
}
.filemanager .gallery-view .header label{
	float: left;
	margin: 4px 20px 0 0;
}
.filemanager .gallery-view .container{
	clear: left;
	overflow: auto;
}
.filemanager .gallery-view .item-holder{
	float: left;
	height: 145px;
}
.filemanager .gallery-view .item{
	float: left;
	width: 100px;
	height: 106px;
	background: url(img/gallery-view-item-bg.gif) no-repeat;
	padding: 5px;
	margin: 10px 0 0 10px;
	text-decoration: none;
	cursor: pointer;
}
.filemanager .gallery-view .item:hover{
	height: 130px;
	text-decoration: none;
}
.filemanager .gallery-view .item:hover .footer{
	display: none;
	_top: -10000px;
	_display: block;
}
.filemanager .gallery-view .item:hover .icons{
	display: block;
	_top: auto;
}
.filemanager .gallery-view .item .footer{
	clear: left;
	width: 110px;
	height: 5px;
	margin-left: -5px;
	background: url(img/gallery-view-item-bg.gif) no-repeat bottom;
	display: block;
	_position: absolute;
	_font-size: 0;	
	_top: auto;
	
} 

.filemanager .gallery-view .item .preview{
	height: 75px;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 3px;
}

.filemanager .gallery-view .item .preview-icon{
	background-position: center 15px;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 40px;
	
}
.filemanager .gallery-view .item .zoom{
	float: right;
	width: 19px;
	height: 19px;
	background: url(img/zoom.png) no-repeat;
	margin: 54px 2px;
}
.filemanager .gallery-view .item .description{
	width: 100px;
	font-size: 9px;
	line-height: 12px;
	white-space: nowrap;
	overflow: hidden;	
	text-align: center;
	cursor: text;
}
.filemanager .gallery-view .item .name{
	float: left;
	width: 81px;
	margin-top: 3px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 9px;
}
.filemanager .gallery-view .item .icons{
	clear: left;
	margin-top: 22px;
	#margin-top: 2px;
	margin-left: -5px;
	width: 110px;
	position: absolute;
	display: none;
	_top: -10000px;
	_display: block;
}
.filemanager .gallery-view .item .icons span{
	float: right;
	width: 26px;
	height: 22px;
	background-position: center;
	background-repeat: no-repeat;
	border-left: 1px solid #bdbcbd;
}
.filemanager .gallery-view .item .icons span.first{
	border: none;
}

/*****************************/
/*Detail view*/
.filemanager .detail-view{
	overflow: auto;
}
.filemanager .detail-view-container{
	overflow: hidden;
	width: 765px;
	padding: 15px 0 0 15px;
	
}
.filemanager .detail-view .description{
	float: left;
	width: 370px;
}
.filemanager .detail-view input.text{
	width: 235px;
}
.filemanager .detail-view input.checkbox{
	margin-top: -1px;
}

.filemanager .detail-view label{
	float: left;
	clear: left;
	width: 110px;
	padding-top: 2px;
	margin-bottom: 10px;
}
.filemanager .detail-view label.selection{
	float: none;
	clear: none;
	width: auto;
	cursor: pointer;
}
.filemanager .detail-view input{
	float: left;
}
.filemanager .detail-view .description p{
	float: left;
	margin-top: 2px;
}

.filemanager .detail-view .item-large{
	float: left;
	width: 384px;
	height: 284px;
	background: url(img/detail-view-item-bg.gif) no-repeat;
	padding: 5px;
}


.filemanager .detail-view .item-large .preview{
	height: 256px;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 3px;
}
.filemanager .detail-view .item-large .preview-icon{
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	text-align: center;
	padding-top: 200px;
}
.filemanager .detail-view .item-large .zoom{
	float: right;
	width: 19px;
	height: 19px;
	background: url(img/zoom.png) no-repeat;
	margin: 235px 2px;
}

.filemanager .detail-view .item-large .icons{
	margin-top: 5px;
	margin-left: -5px;
	width: 110px;
}
.filemanager .detail-view .item-large .icons span{
	float: left;
	width: 26px;
	height: 22px;
	background-position: center;
	background-repeat: no-repeat;
	border-left: 1px solid #bdbcbd;
}
.filemanager .detail-view .item-large .icons span.first{
	border: none;
}






